<template>
	<div class="city">
		<cityheader></cityheader>
		<!--<hotcity ></hotcity>-->
	<!--	<citysort :cities="cities"></citysort>-->
		<cityletter :hotcity="hotcity" :cities="cities"></cityletter>
		
	</div>
	
</template>

<script>
	import cityheader from  "./pages/cityheader";
//	import hotcity from  "./pages/hotcity";
//	import citysort from  "./pages/sort";
	import cityletter from  "./pages/letter";
	
	export default{
		components:{
			cityheader,
//			hotcity,
//			citysort,
			cityletter,
			
		},
			
		data (){
	     return{
	     	hotcity:[],
	     	cities:{}
	     }
	  },
	  
	  mounted (){
	  	this.$http.get("/api/data/city.json")
	  	.then((res)=>{
	  		let data=res.data.data;
	  		this.hotcity=data.hotcity;
	  		this.cities=data.cities;
	  		
	

	  	})
	  }
		
		
		
	}
	
	
</script>

<style>
</style>